.load4 .loader {
  font-size: 20px;
 top: 40%;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  margin-left: -.5em;
  margin-top: -.5em;
  text-indent: -9999em;
  -webkit-animation: load4 1.3s infinite linear;
  animation: load4 1.3s infinite linear;
  transform:scale(.7);
}
@-webkit-keyframes load4 {
  0%,
  100% {
    box-shadow: 0em -3em 0em 0.2em #ffffff, 2em -2em 0 0em #ffffff, 3em 0em 0 -0.5em #ffffff, 2em 2em 0 -0.5em #ffffff, 0em 3em 0 -0.5em #ffffff, -2em 2em 0 -0.5em #ffffff, -3em 0em 0 -0.5em #ffffff, -2em -2em 0 0em #ffffff;
  }
  12.5% {
    box-shadow: 0em -3em 0em 0em #ffffff, 2em -2em 0 0.2em #ffffff, 3em 0em 0 0em #ffffff, 2em 2em 0 -0.5em #ffffff, 0em 3em 0 -0.5em #ffffff, -2em 2em 0 -0.5em #ffffff, -3em 0em 0 -0.5em #ffffff, -2em -2em 0 -0.5em #ffffff;
  }
  25% {
    box-shadow: 0em -3em 0em -0.5em #ffffff, 2em -2em 0 0em #ffffff, 3em 0em 0 0.2em #ffffff, 2em 2em 0 0em #ffffff, 0em 3em 0 -0.5em #ffffff, -2em 2em 0 -0.5em #ffffff, -3em 0em 0 -0.5em #ffffff, -2em -2em 0 -0.5em #ffffff;
  }
  37.5% {
    box-shadow: 0em -3em 0em -0.5em #ffffff, 2em -2em 0 -0.5em #ffffff, 3em 0em 0 0em #ffffff, 2em 2em 0 0.2em #ffffff, 0em 3em 0 0em #ffffff, -2em 2em 0 -0.5em #ffffff, -3em 0em 0 -0.5em #ffffff, -2em -2em 0 -0.5em #ffffff;
  }
  50% {
    box-shadow: 0em -3em 0em -0.5em #ffffff, 2em -2em 0 -0.5em #ffffff, 3em 0em 0 -0.5em #ffffff, 2em 2em 0 0em #ffffff, 0em 3em 0 0.2em #ffffff, -2em 2em 0 0em #ffffff, -3em 0em 0 -0.5em #ffffff, -2em -2em 0 -0.5em #ffffff;
  }
  62.5% {
    box-shadow: 0em -3em 0em -0.5em #ffffff, 2em -2em 0 -0.5em #ffffff, 3em 0em 0 -0.5em #ffffff, 2em 2em 0 -0.5em #ffffff, 0em 3em 0 0em #ffffff, -2em 2em 0 0.2em #ffffff, -3em 0em 0 0em #ffffff, -2em -2em 0 -0.5em #ffffff;
  }
  75% {
    box-shadow: 0em -3em 0em -0.5em #ffffff, 2em -2em 0 -0.5em #ffffff, 3em 0em 0 -0.5em #ffffff, 2em 2em 0 -0.5em #ffffff, 0em 3em 0 -0.5em #ffffff, -2em 2em 0 0em #ffffff, -3em 0em 0 0.2em #ffffff, -2em -2em 0 0em #ffffff;
  }
  87.5% {
    box-shadow: 0em -3em 0em 0em #ffffff, 2em -2em 0 -0.5em #ffffff, 3em 0em 0 -0.5em #ffffff, 2em 2em 0 -0.5em #ffffff, 0em 3em 0 -0.5em #ffffff, -2em 2em 0 0em #ffffff, -3em 0em 0 0em #ffffff, -2em -2em 0 0.2em #ffffff;
  }
}
@keyframes load4 {
  0%,
  100% {
    box-shadow: 0em -3em 0em 0.2em #ffffff, 2em -2em 0 0em #ffffff, 3em 0em 0 -0.5em #ffffff, 2em 2em 0 -0.5em #ffffff, 0em 3em 0 -0.5em #ffffff, -2em 2em 0 -0.5em #ffffff, -3em 0em 0 -0.5em #ffffff, -2em -2em 0 0em #ffffff;
  }
  12.5% {
    box-shadow: 0em -3em 0em 0em #ffffff, 2em -2em 0 0.2em #ffffff, 3em 0em 0 0em #ffffff, 2em 2em 0 -0.5em #ffffff, 0em 3em 0 -0.5em #ffffff, -2em 2em 0 -0.5em #ffffff, -3em 0em 0 -0.5em #ffffff, -2em -2em 0 -0.5em #ffffff;
  }
  25% {
    box-shadow: 0em -3em 0em -0.5em #ffffff, 2em -2em 0 0em #ffffff, 3em 0em 0 0.2em #ffffff, 2em 2em 0 0em #ffffff, 0em 3em 0 -0.5em #ffffff, -2em 2em 0 -0.5em #ffffff, -3em 0em 0 -0.5em #ffffff, -2em -2em 0 -0.5em #ffffff;
  }
  37.5% {
    box-shadow: 0em -3em 0em -0.5em #ffffff, 2em -2em 0 -0.5em #ffffff, 3em 0em 0 0em #ffffff, 2em 2em 0 0.2em #ffffff, 0em 3em 0 0em #ffffff, -2em 2em 0 -0.5em #ffffff, -3em 0em 0 -0.5em #ffffff, -2em -2em 0 -0.5em #ffffff;
  }
  50% {
    box-shadow: 0em -3em 0em -0.5em #ffffff, 2em -2em 0 -0.5em #ffffff, 3em 0em 0 -0.5em #ffffff, 2em 2em 0 0em #ffffff, 0em 3em 0 0.2em #ffffff, -2em 2em 0 0em #ffffff, -3em 0em 0 -0.5em #ffffff, -2em -2em 0 -0.5em #ffffff;
  }
  62.5% {
    box-shadow: 0em -3em 0em -0.5em #ffffff, 2em -2em 0 -0.5em #ffffff, 3em 0em 0 -0.5em #ffffff, 2em 2em 0 -0.5em #ffffff, 0em 3em 0 0em #ffffff, -2em 2em 0 0.2em #ffffff, -3em 0em 0 0em #ffffff, -2em -2em 0 -0.5em #ffffff;
  }
  75% {
    box-shadow: 0em -3em 0em -0.5em #ffffff, 2em -2em 0 -0.5em #ffffff, 3em 0em 0 -0.5em #ffffff, 2em 2em 0 -0.5em #ffffff, 0em 3em 0 -0.5em #ffffff, -2em 2em 0 0em #ffffff, -3em 0em 0 0.2em #ffffff, -2em -2em 0 0em #ffffff;
  }
  87.5% {
    box-shadow: 0em -3em 0em 0em #ffffff, 2em -2em 0 -0.5em #ffffff, 3em 0em 0 -0.5em #ffffff, 2em 2em 0 -0.5em #ffffff, 0em 3em 0 -0.5em #ffffff, -2em 2em 0 0em #ffffff, -3em 0em 0 0em #ffffff, -2em -2em 0 0.2em #ffffff;
  }
}

*{padding: 0;margin:0;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-backface-visibility: hidden;-webkit-overflow-scrolling: touch;}a {text-decoration: none;color: #fff;}ul {list-style: none;}input{border: none;outline:none}body{font-family: 'Helvetica Neue', Helvetica, 'Hiragino Sans GB', 'Microsoft YaHei', 微软雅黑, Arial, sans-serif;cursor: default;}
img{border: none;}

.roomCard{position: fixed;bottom:0.75vh;left: 2vh;;z-index:90;height: 4.5vh;}
.roomCard img{height: 4.5vh;position: absolute;left: 0;top:0;z-index: 90;}
.roomCard .num{height: 3vh;line-height: 3vh;text-align: right;color:#fff;font-size:2.2vh;margin-top:0.75vh;position:relative;}
.roundNum{position: absolute;top:3%;left: 50%;width: 80px;line-height: 24px;font-size:16px;margin-left: -40px;color:#000;z-index: 91;text-align: center;opacity: 1.0;}
.addFriend{position: fixed;bottom:0.75vh;right: 15vh;width: 4.5vh;z-index:90;}
.bottomIntro{position: fixed;bottom:0.75vh;right: 8.5vh;width: 4.5vh;z-index:90;}
.bottomRule{position: fixed;bottom:0.75vh;right: 28vh;width: 4.5vh;z-index:112;}
.bottom{position: fixed;bottom:0;left: 0;width: 100%;z-index:90;}

.bottomTab{position: fixed;bottom:0;left: 0;width: 100%;height: 6vh;z-index: 89;}

.baseScoreBG{position: absolute;top: 9%;left: 38%;width: 24%;z-index:91;text-align: center;color: #fff;height: 3.6vh;line-height: 3.6vh; background-color: black; border-radius: 1.8vh;opacity: 0.5}
.baseScore{position: absolute;top: 9%;left: 38%;width: 24%;z-index:91;text-align: center;color: #fff;height: 3.6vh;line-height: 3.6vh;border-radius: 1.8vh;font-size: 2vh;}

.bottomMessage{position: fixed;bottom: 0.75vh;right: 2vh;width: 4.5vh; height: 4.5vh;z-index:91;}
.bottomSound{position: fixed;bottom: 0.75vh;right: 21.5vh;width: 4.5vh; height: 4.5vh;z-index:112;}



.main{width: 100%;position: relative;background: #fff;margin:0 auto;}

.title{overflow: hidden;word-break:break-all;}
.member{position: absolute;text-align: center;width: 7.26vh;height: 12.1vh;}
.member .background{width: 100%;position: absolute;top:0;left:0;}
.member .banker{left:-0.2vh; top: -0.2vh;width: 7.86vh; height: 7.86vh;position: absolute;}
.member .title{color: #fff;font-size: 10px;text-align: center;line-height: 16px;position: relative;margin: 0 auto;margin-top: 15%;height:16px;width: 47px;}
.member .score{color: #fff;font-size: 12px;text-align: center;line-height: 12px;position: absolute;background: #1f1732;width:66%;border-radius:7px;margin:0 auto;bottom: 11%;left:18%;}
.member .avatar{width: 100%;position: relative;border-radius:3px;}
.member .bottom{position: absolute; top: 63%; left: 0;width: 100%; height: 4.4vh}
.member .bottom .bname{position: absolute; top: 1px; left: 0px;width: 100%; height: 2vh; line-height: 2vh;text-align: center;color: white;font-size: 1.5vh;}
.member .bottom .bscore{position: absolute; top: 2.2vh; left: 0px;width: 100%; height: 2.2vh; line-height: 2.2vh; text-align: center;color: orange;font-size: 2vh;}

.memberMine{position: absolute;text-align: center;width: 150px;height: 110px;}

.member .isReady{position: absolute;}
.member .isReady .ready{height: 3vh;}
.member .isReady .ready.ss{border:2px solid #3ae8ad;}


.member1{top:79vh;left:2vh;width: 7.26vh;height: 12.1vh;}
.member1 .title{font-size:14px;line-height:20px;height: 20px;width: 58px;}
.member1 .score{bottom: 12%;line-height:14px;}
.member1 .isReady{top:-50px;left: -18px;width: 110px;text-align:center;}
.member1 .isReady .unready{width: 110px;}
.member1 .isReady .ready{margin-top: 20px;width:6vh;}

.member2{top:56%;right:2vh;}
.member2 .isReady{top:4vh;right: 9vh;}
.member2 .isReady .ready{width:6vh;}

.member3{top:40%;right:2vh;}
.member3 .isReady{top:4vh;right: 9vh;}
.member3 .isReady .ready{width:6vh;}

.member4{top:24%;right:2vh;}
.member4 .isReady{top:4vh;right: 9vh;}
.member4 .isReady .ready{width:6vh;}

.member5{top:3%;right:13vh;}
.member5 .isReady{top:14vh;right: 0.5vh;}
.member5 .isReady .ready{width:6vh;}

.member6{top:3%;left:13vh;}
.member6 .isReady{top:14vh;left: 0.5vh;}
.member6 .isReady .ready{width:6vh;}

.member7{top:24%;left:2vh;}
.member7 .isReady{top:4vh;left: 9vh;}
.member7 .isReady .ready{width:6vh;}

.member8{top:40%;left:2vh;}
.member8 .isReady{top:4vh;left: 9vh;}
.member8 .isReady .ready{width:6vh;}

.member9{top:56%;left:2vh;}
.member9 .isReady{top:4vh;left: 9vh;}
.member9 .isReady .ready{width:6vh;}

/* 玩家金币 */
.memberCoin{position: absolute;width: 2.5vh;height: 2.5vh; z-index: 100}
.memberCoin10{top: 82%; left: 4.5vh}
.memberCoin11{top: 82%; left: 4.5vh}
.memberCoin12{top: 82%; left: 4.5vh}
.memberCoin13{top: 82%; left: 4.5vh}
.memberCoin14{top: 82%; left: 4.5vh}
.memberCoin15{top: 82%; left: 4.5vh}
.memberCoin16{top: 82%; left: 4.5vh}
.memberCoin17{top: 82%; left: 4.5vh}

.memberCoin20{top: 59%; left: 49vh}
.memberCoin21{top: 59%; left: 49vh}
.memberCoin22{top: 59%; left: 49vh}
.memberCoin23{top: 59%; left: 49vh}
.memberCoin24{top: 59%; left: 49vh}
.memberCoin25{top: 59%; left: 49vh}
.memberCoin26{top: 59%; left: 49vh}
.memberCoin27{top: 59%; left: 49vh}

.memberCoin30{top: 43%; left: 49vh}
.memberCoin31{top: 43%; left: 49vh}
.memberCoin32{top: 43%; left: 49vh}
.memberCoin33{top: 43%; left: 49vh}
.memberCoin34{top: 43%; left: 49vh}
.memberCoin35{top: 43%; left: 49vh}
.memberCoin36{top: 43%; left: 49vh}
.memberCoin37{top: 43%; left: 49vh}

.memberCoin40{top: 27%; left: 49vh}
.memberCoin41{top: 27%; left: 49vh}
.memberCoin42{top: 27%; left: 49vh}
.memberCoin43{top: 27%; left: 49vh}
.memberCoin44{top: 27%; left: 49vh}
.memberCoin45{top: 27%; left: 49vh}
.memberCoin46{top: 27%; left: 49vh}
.memberCoin47{top: 27%; left: 49vh}

.memberCoin50{top: 6%; left:38vh}
.memberCoin51{top: 6%; left: 38vh}
.memberCoin52{top: 6%; left: 38vh}
.memberCoin53{top: 6%; left: 38vh}
.memberCoin54{top: 6%; left: 38vh}
.memberCoin55{top: 6%; left: 38vh}
.memberCoin56{top: 6%; left: 38vh}
.memberCoin57{top: 6%; left: 38vh}

.memberCoin60{top: 6%; left: 15vh}
.memberCoin61{top: 6%; left: 15vh}
.memberCoin62{top: 6%; left: 15vh}
.memberCoin63{top: 6%; left: 15vh}
.memberCoin64{top: 6%; left: 15vh}
.memberCoin65{top: 6%; left: 15vh}
.memberCoin66{top: 6%; left: 15vh}
.memberCoin67{top: 6%; left: 15vh}

.memberCoin70{top: 27%; left: 4.5vh}
.memberCoin71{top: 27%; left: 4.5vh}
.memberCoin72{top: 27%; left: 4.5vh}
.memberCoin73{top: 27%; left: 4.5vh}
.memberCoin74{top: 27%; left: 4.5vh}
.memberCoin75{top: 27%; left: 4.5vh}
.memberCoin76{top: 27%; left: 4.5vh}
.memberCoin77{top: 27%; left: 4.5vh}

.memberCoin80{top: 43%; left: 4.5vh}
.memberCoin81{top: 43%; left: 4.5vh}
.memberCoin82{top: 43%; left: 4.5vh}
.memberCoin83{top: 43%; left: 4.5vh}
.memberCoin84{top: 43%; left: 4.5vh}
.memberCoin85{top: 43%; left: 4.5vh}
.memberCoin86{top: 43%; left: 4.5vh}
.memberCoin87{top: 43%; left: 4.5vh}

.memberCoin90{top: 59%; left: 4.5vh}
.memberCoin91{top: 59%; left: 4.5vh}
.memberCoin92{top: 59%; left: 4.5vh}
.memberCoin93{top: 59%; left: 4.5vh}
.memberCoin94{top: 59%; left: 4.5vh}
.memberCoin95{top: 59%; left: 4.5vh}
.memberCoin96{top: 59%; left: 4.5vh}
.memberCoin97{top: 59%; left: 4.5vh}

/* 显示是否抢庄 */
.memberFreeRobText1{position: absolute; top: 79%; left: 10.5vh; width: 5vh; height: 2.6vh;}
.memberFreeRobText2{position: absolute; top: 56%; right: 10.5vh; width: 5vh; height: 2.6vh;}
.memberFreeRobText3{position: absolute; top: 40%; right: 10.5vh; width: 5vh; height: 2.6vh;}
.memberFreeRobText4{position: absolute; top: 24%; right: 10.5vh; width: 5vh; height: 2.6vh;}
.memberFreeRobText5{position: absolute; top: 7%; right: 12vh; width: 5vh; height: 2.6vh;margin-right: -5vh}
.memberFreeRobText6{position: absolute; top: 7%; left: 12vh; width: 5vh; height: 2.6vh;margin-left: -5vh}
.memberFreeRobText7{position: absolute; top: 24%; left: 10.5vh; width: 5vh; height: 2.6vh;}
.memberFreeRobText8{position: absolute; top: 40%; left: 10.5vh; width: 5vh; height: 2.6vh;}
.memberFreeRobText9{position: absolute; top: 56%; left: 10.5vh; width: 5vh; height: 2.6vh;}

.memberGoText1{position: absolute; top: 79%; left: 10.5vh; width: 5vh; height: 2.6vh;}
.memberGoText2{position: absolute; top: 60%; right: 10.5vh; width: 5vh; height: 2.6vh;}
.memberGoText3{position: absolute; top: 44%; right: 10.5vh; width: 5vh; height: 2.6vh;}
.memberGoText4{position: absolute; top: 28%; right: 10.5vh; width: 5vh; height: 2.6vh;}
.memberGoText5{position: absolute; top: 17%; right: 19vh; width: 5vh; height: 2.6vh;margin-right: -5vh}
.memberGoText6{position: absolute; top: 17%; left: 19vh; width: 5vh; height: 2.6vh;margin-left: -5vh}
.memberGoText7{position: absolute; top: 28%; left: 10.5vh; width: 5vh; height: 2.6vh;}
.memberGoText8{position: absolute; top: 44%; left: 10.5vh; width: 5vh; height: 2.6vh;}
.memberGoText9{position: absolute; top: 60%; left: 10.5vh; width: 5vh; height: 2.6vh;}

.memberRobText1{position: absolute; top: 79%; left: 60%; width: 5vh; height: 2.6vh;}
.memberRobText2{position: absolute; top: 56%; right: 13.6vh; width: 5vh; height: 2.6vh;}
.memberRobText3{position: absolute; top: 40%; right: 13.6vh; width: 5vh; height: 2.6vh;}
.memberRobText4{position: absolute; top: 24%; right: 13.6vh; width: 5vh; height: 2.6vh;}
.memberRobText5{position: absolute; top: 7%; right: 7.5vh; width: 5vh; height: 2.6vh;}
.memberRobText6{position: absolute; top: 7%; left: 4vh; width: 5vh; height: 2.6vh;}
.memberRobText7{position: absolute; top: 24%; left: 10.5vh; width: 5vh; height: 2.6vh;}
.memberRobText8{position: absolute; top: 40%; left: 10.5vh; width: 5vh; height: 2.6vh;}
.memberRobText9{position: absolute; top: 56%; left: 10.5vh; width: 5vh; height: 2.6vh;}

.memberRobTimes1{position: absolute; top: 79%; left: 10.5vh; width: 2.6vh; height: 2.6vh;}
.memberRobTimes2{position: absolute; top: 56%; right: 10.5vh; width: 2.6vh; height: 2.6vh;}
.memberRobTimes3{position: absolute; top: 40%; right: 10.5vh; width: 2.6vh; height: 2.6vh;}
.memberRobTimes4{position: absolute; top: 24%; right: 10.5vh; width: 2.6vh; height: 2.6vh;}
.memberRobTimes5{position: absolute; top: 7%; right: 4.5vh; width: 2.6vh; height: 2.6vh;}
.memberRobTimes6{position: absolute; top: 7%; left: 9.5vh; width: 2.6vh; height: 2.6vh;}
.memberRobTimes7{position: absolute; top: 24%; left: 16vh; width: 2.6vh; height: 2.6vh;}
.memberRobTimes8{position: absolute; top: 40%; left: 16vh; width: 2.6vh; height: 2.6vh;}
.memberRobTimes9{position: absolute; top: 56%; left: 16vh; width: 2.6vh; height: 2.6vh;}

/* 投注倍数 */
.memberTimesText1{position: absolute; top: 79%; left: 10.5vh; width: 2.6vh; height: 2.6vh;}
.memberTimesText2{position: absolute; top: 56%; right: 10.5vh; width: 2.6vh; height: 2.6vh;}
.memberTimesText3{position: absolute; top: 40%; right: 10.5vh; width: 2.6vh; height: 2.6vh;}
.memberTimesText4{position: absolute; top: 24%; right: 10.5vh; width: 2.6vh; height: 2.6vh;}
.memberTimesText5{position: absolute; top: 7%; right: 12vh; width: 2.6vh; height: 2.6vh;margin-right: -2.6vh}
.memberTimesText6{position: absolute; top: 7%; left: 12vh; width: 2.6vh; height: 2.6vh;margin-left: -2.6vh}
.memberTimesText7{position: absolute; top: 24%; left: 10.5vh; width: 2.6vh; height: 2.6vh;}
.memberTimesText8{position: absolute; top: 40%; left: 10.5vh; width: 2.6vh; height: 2.6vh;}
.memberTimesText9{position: absolute; top: 56%; left: 10.5vh; width: 2.6vh; height: 2.6vh;}

/* 显示牛几图片 */
.memberBull1{position: absolute;top: 72%; left: 50%; width: 16.57vh; height: 6vh; z-index: 90;margin-left: -8.285vh}
.memberBull2{position: absolute;top: 62%; right: 11vh; width: 12.45vh; height: 4.5vh; z-index: 90;}
.memberBull3{position: absolute;top: 46%; right: 11vh; width: 12.45vh; height: 4.5vh; z-index: 90;}
.memberBull4{position: absolute;top: 30%; right: 11vh; width: 12.45vh; height: 4.5vh; z-index: 90;}
.memberBull5{position: absolute;top: 19%; right: 11vh; width: 12.45vh; height: 4.5vh; z-index: 90;}
.memberBull6{position: absolute;top: 19%; left: 11vh; width: 12.45vh; height: 4.5vh; z-index: 90;}
.memberBull7{position: absolute;top: 30%; left: 11vh; width: 12.45vh; height: 4.5vh; z-index: 90;}
.memberBull8{position: absolute;top: 46%; left: 11vh; width: 12.45vh; height: 4.5vh; z-index: 90;}
.memberBull9{position: absolute;top: 62%; left: 11vh; width: 12.45vh; height: 4.5vh; z-index: 90;}

 /* 一局完毕显示得分 
 .memberScoreText1{position: absolute;top: 67%; left: 43%; width: 150px; height: 40px; z-index: 99;} */

 .memberScoreText1{position: absolute;top: 73.5%; left: 0; text-align: center; width: 11vh; height: 4vh; z-index: 99;}
 .memberScoreText2{position: absolute;top: 60%; right: 11vh; text-align: right; width: 11vh; height: 4vh; z-index: 99;}
 .memberScoreText3{position: absolute;top: 44%; right: 11vh; text-align: right; width: 11vh; height: 4vh; z-index: 99;}
 .memberScoreText4{position: absolute;top: 28%; right:11vh;  text-align: right; width: 11vh; height: 4vh; z-index: 99;}
 .memberScoreText5{position: absolute;top: 17%; right: 11vh; text-align: center; width: 11vh; height: 4vh; z-index: 99;}
 .memberScoreText6{position: absolute;top: 17%; left: 11vh;  text-align: center; width: 11vh; height: 4vh; z-index: 99;}
 .memberScoreText7{position: absolute;top: 28%; left: 11vh;  text-align: left; width: 11vh; height: 4vh; z-index: 99;}
 .memberScoreText8{position: absolute;top: 44%; left: 11vh;  text-align: left; width: 11vh; height: 4vh; z-index: 99;}
 .memberScoreText9{position: absolute;top: 60%; left: 11vh;  text-align: left; width: 11vh; height: 4vh; z-index: 99;}

 .quitBack{position: absolute;width: 7.4vh;height: 7.4vh;border-radius:4px;top:0px;left:0;background:#000;opacity:0.45;}

 .member1 .quitBack{position: absolute;width: 58px;height: 88px;border-radius:4px;top:12px;left:8px;background:#000;opacity:0.45;}
 .colorBorder{position: absolute;text-align: center;width: 45px;height: 69px;border:2px solid #df0000;border-radius:4px;top:9px;left:6px;}
 .colorBorder .backColor{background:#df0000;opacity:0.45;height:100%;position: absolute;bottom:0;left:0;width:100%;}
 .colorBorder1{width: 56px;height: 86px;border:3px solid #df0000;border-radius:6px;top:10px;left:6px; }
 @keyframes mycolor1{0% {border-color: #04c120;}50% {border-color: #ffff3c;}100% {border-color: #df0000;}}
 @-webkit-keyframes mycolor1 {0% {border-color: #04c120;}50% {border-color: #ffff3c;}100% {border-color: #df0000;}}
 @keyframes mycolor2{0% {background:#04c120;height: 0;}50% {background:#ffff3c;}100% {background:#df0000;height: 100%;}}
 @-webkit-keyframes mycolor2{0% {background:#04c120;height: 0;}50% {background:#ffff3c;}100% {background:#df0000;height: 100%;}}


 .place{width:120px;height:120px;position: absolute;top:30%;left:165px;}
 .place .scoresArea{position: relative;width: 100%;height:100%;}
 .place .totalScore{position: absolute;top:-25px;left: 20px;width: 80px;}
 .place .totalScore img{position: absolute;width: 20px;left: 0;top:0;}
 .place .totalScore .scores{height: 20px;line-height: 20px;text-align: right;padding: 0 13px;border-radius:10px;background: #376e8d;color:#fff;font-size:14px;width:40%;}



.messageSay{position: absolute;height: 3vh;font-size: 2vh;color: #fff;background: #060408;border-radius:1.5vh;padding: 0 1.5vh;opacity: .75;line-height: 3vh;z-index: 97}
.messageSay1{top:74.5%;left: 3%;}
.messageSay1 .triangle{position: absolute;top:3vh;left:3vh;width:0;height:0;border-top: 6px solid #060408;border-right: 12px solid transparent;}
.messageSay2{top:52.4%;right: 3%;}
.messageSay2 .triangle{position: absolute;top:3vh;right:3vh;width:0;height:0;border-top: 6px solid #060408;border-left: 12px solid transparent;}
.messageSay3{top:36.4%;right: 3%;}
.messageSay3 .triangle{position: absolute;top:3vh;right:3vh;width:0;height:0;border-top: 6px solid #060408;border-left: 12px solid transparent;}
.messageSay4{top:20.4%;right: 3%;}
.messageSay4 .triangle{position: absolute;top:3vh;right:3vh;width:0;height:0;border-top: 6px solid #060408;border-left: 12px solid transparent;}
.messageSay5{top:4.4%;right: 12%;}
.messageSay5 .triangle{position: absolute;top:3vh;right:7vh;width:0;height:0;border-top: 6px solid #060408;border-right: 12px solid transparent;}
.messageSay6{top:4.4%;left: 17%;}
.messageSay6 .triangle{position: absolute;top:3vh;left:5vh;width:0;height:0;border-top: 6px solid #060408;border-right: 12px solid transparent;}
.messageSay7{top:20.4%;left: 3%;}
.messageSay7 .triangle{position: absolute;top:3vh;left:3vh;width:0;height:0;border-top: 6px solid #060408;border-right: 12px solid transparent;}
.messageSay8{top:36.4%;left: 3%;}
.messageSay8 .triangle{position: absolute;top:3vh;left:3vh;width:0;height:0;border-top: 6px solid #060408;border-right: 12px solid transparent;}
.messageSay9{top:52.4%;left: 3%;}
.messageSay9 .triangle{position: absolute;top:3vh;left:3vh;width:0;height:0;border-top: 6px solid #060408;border-right: 12px solid transparent;}

/* 26 37 */
/*.cardDeal{position: absolute; top: 19%; left: 18%; width: 64%; height: 70%;}*/
.cardDeal{position: absolute; width: 100%; height: 100%;}
.card{width: 4.6vh;height:6.4vh;background:url("../images/common/card.png");background-size:4.6vh 6.4vh;position: absolute;}

.isQuit1{left:25%;top:5;width: 47px;height:47px;background-size:1282px 152px;background-position:-252 -4;z-index: 96;}
.isLose1{left:25%;top:5;width: 47px;height:47px;background-size:1282px 152px;background-position:-402 -4;z-index: 96;}
.myQuitBack{left:0;top:0;width:100%;height:100%;border-radius:4px;background:#000;opacity: .4;position: absolute;z-index: 92;}
.isSeen1{display: none;}

/* 1号位置暗牌 */
.card11{animation:mymove11 .4s ;-webkit-animation:mymove11 .4s ;left:35%;top:79vh;width: 6.8vh;height:9.656vh;background-size:6.8vh 9.656vh;margin-left: -3.4vh;box-shadow:1px 1px 5px #333;}
@keyframes mymove11{from {left:50%;top:40%;}to {left:35%;top:79vh}}
@-webkit-keyframes mymove11 {from {left:50%;top:40%;}to {left:35%;top:79vh}}

.card12{animation:mymove12 .4s ;-webkit-animation:mymove12 .4s ;left:50%;top:79vh;width: 6.8vh;height:9.656vh;background-size:6.8vh 9.656vh;margin-left: -3.4vh;box-shadow:1px 1px 5px #333;}
@keyframes mymove12{from {left:50%;top:40%;}to {left:50%;top:79vh}}
@-webkit-keyframes mymove12 {from {left:50%;top:40%;}to {left:50%;top:79vh}}    

.card13{animation:mymove13 .4s ;-webkit-animation:mymove13 .4s ;left:65%;top:79vh;width: 6.8vh;height:9.656vh;background-size:6.8vh 9.656vh;margin-left: -3.4vh;box-shadow:1px 1px 5px #333;}
@keyframes mymove13{from {left:50%;top:40%;}to {left:65%;top:79vh}}
@-webkit-keyframes mymove13{from {left:50%;top:40%;}to {left:65%;top:79vh}}



/* 2号位置暗牌 */
.card21{animation:mymove21 .4s ;-webkit-animation:mymove21 .4s ;right:10.5vh;top:59%;}
@keyframes mymove21{from {right:50%;top:40%;}to {right:10.5vh;top:59%}}
@-webkit-keyframes mymove21 {from {right:50%;top:40%;}to {right:10.5vh;top:59%}}

.card22{animation:mymove22 .4s ;-webkit-animation:mymove22 .4s ;right:12.5vh;top:59%;}
@keyframes mymove22{from {right:50%;top:40%;}to {right:12.5vh;top:59%}}
@-webkit-keyframes mymove22 {from {right:50%;top:40%;}to {right:12.5vh;top:59%}}

.card23{animation:mymove23 .4s ;-webkit-animation:mymove23 .4s ;right:14.5vh;top:59%;}
@keyframes mymove23{from {right:50%;top:40%;}to {right:14.5vh;top:59%}}
@-webkit-keyframes mymove23{from {right:50%;top:40%;}to {right:14.5vh;top:59%}}



/* 2号位置摊牌 */
.card211{right:10.5vh;top:59%;}
.card221{right:12.5vh;top:59%;}
.card231{right:14.5vh;top:59%;}




/* 3号位置暗牌 */
.card31{animation:mymove31 .4s ;-webkit-animation:mymove31 .4s ;right:10.5vh;top:43%;}
@keyframes mymove31{from {right:50%;top:40%;}to {right:10.5vh;top:43%}}
@-webkit-keyframes mymove31 {from {right:50%;top:40%;}to {right:10.5vh;top:43%}}    

.card32{animation:mymove32 .4s ;-webkit-animation:mymove32 .4s ;right:12.5vh;top:43%;}
@keyframes mymove32{from {right:50%;top:40%;}to {right:12.5vh;top:43%}}
@-webkit-keyframes mymove32 {from {right:50%;top:40%;}to {right:12.5vh;top:43%}}

.card33{animation:mymove33 .4s ;-webkit-animation:mymove33 .4s ;right:14.5vh;top:43%;}
@keyframes mymove33{from {right:50%;top:40%;}to {right:14.5vh;top:43%}}
@-webkit-keyframes mymove33{from {right:50%;top:40%;}to {right:14.5vh;top:43%}}

/* 3号位置摊牌牌 */
.card311{right:10.5vh;top:43%;}
.card321{right:12.5vh;top:43%;}
.card331{right:14.5vh;top:43%;}


/* 4号位置暗牌 */
.card41{animation:mymove45 .4s ;-webkit-animation:mymove41 .4s ;right:10.5vh;top:27%;}
@keyframes mymove41{from {left:50%;top:40%;}to {right:10.5vh;top:27%}}
@-webkit-keyframes mymove41{from {left:50%;top:40%;}to {right:10.5vh;top:27%}}

.card42{animation:mymove44 .4s ;-webkit-animation:mymove42 .4s ;right:12.5vh;top:27%;}
@keyframes mymove42{from {left:50%;top:40%;}to {right:12.5vh;top:27%}}
@-webkit-keyframes mymove42{from {left:50%;top:40%;}to {right:12.5vh;top:27%}}

.card43{animation:mymove43 .4s ;-webkit-animation:mymove43 .4s ;right:14.5vh;top:27%;}
@keyframes mymove43{from {left:50%;top:40%;}to {right:14.5vh;top:27%}}
@-webkit-keyframes mymove43 {from {left:50%;top:40%;}to {right:14.5vh;top:27%}}


/* 4号位置摊牌 */
.card411{right:10.5vh;top:27%;}
.card421{right:12.5vh;top:27%;}
.card431{right:14.5vh;top:27%;}


/* 5号位置暗牌 */

.card51{animation:mymove52 .4s ;-webkit-animation:mymove52 .4s ;right:14.63vh;top:16%;margin-right: -2.3vh;}
@keyframes mymove52{from {left:50%;top:40%;}to {right:14.63vh;top:16%}}
@-webkit-keyframes mymove52{from {left:50%;top:40%;}to {right:14.63vh;top:16%}}

.card52{animation:mymove53 .4s ;-webkit-animation:mymove53 .4s ;right:16.63vh;top:16%;margin-right: -2.3vh;}
@keyframes mymove53{from {left:50%;top:40%;}to {right:16.63vh;top:16%}}
@-webkit-keyframes mymove53 {from {left:50%;top:40%;}to {right:16.63vh;top:16%}}    

.card53{animation:mymove54 .4s ;-webkit-animation:mymove54 .4s ;right:18.63vh;top:16%;margin-right: -2.3vh;}
@keyframes mymove54{from {left:50%;top:40%;}to {right:18.63vh;top:16%}}
@-webkit-keyframes mymove54 {from {left:50%;top:40%;}to {right:18.63vh;top:16%}}    


/* 5号位置摊牌 */
.card511{right:14.63vh;top:16%;margin-right: -2.3vh;}
.card521{right:16.63vh;top:16%;margin-right: -2.3vh;}
.card531{right:18.63vh;top:16%;margin-right: -2.3vh;}


/* 6号位置暗牌 */

.card63{animation:mymove64 .4s ;-webkit-animation:mymove64 .4s ;left:14.63vh;top:16%;margin-left: -2.3vh}
@keyframes mymove64{from {left:50%;top:40%;}to {left:14.63vh;top:16%}}
@-webkit-keyframes mymove64 {from {left:50%;top:40%;}to {left:14.63vh;top:16%}} 

.card62{animation:mymove63 .4s ;-webkit-animation:mymove63 .4s ;left:16.63vh;top:16%;margin-left: -2.3vh}
@keyframes mymove63{from {left:50%;top:40%;}to {left:16.63vh;top:16%}}
@-webkit-keyframes mymove63{from {left:50%;top:40%;}to {left:16.63vh;top:16%}}

.card61{animation:mymove62 .4s ;-webkit-animation:mymove62 .4s ;left:18.63vh;top:16%;margin-left: -2.3vh}
@keyframes mymove62{from {left:50%;top:40%;}to {left:18.63vh;top:16%}}
@-webkit-keyframes mymove62{from {left:50%;top:40%;}to {left:18.63vh;top:16%}}


/* 6号位置摊牌 */
.card631{left:14.63vh;top:16%;margin-left: -2.3vh}
.card621{left:16.63vh;top:16%;margin-left: -2.3vh}
.card611{left:18.63vh;top:16%;margin-left: -2.3vh}

/* 7号位置暗牌 */
.card73{animation:mymove75 .4s ;-webkit-animation:mymove75 .4s ;left:10.5vh;top:27%;}
@keyframes mymove75{from {left:50%;top:40%;}to {left:10.5vh;top:27%}}
@-webkit-keyframes mymove75 {from {left:50%;top:40%;}to {left:10.5vh;top:27%}}

.card72{animation:mymove74 .4s ;-webkit-animation:mymove74 .4s ;left:12.5vh;top:27%;}
@keyframes mymove74{from {left:50%;top:40%;}to {left:12.5vh;top:27%}}
@-webkit-keyframes mymove74 {from {left:50%;top:40%;}to {left:12.5vh;top:27%}}  

.card71{animation:mymove73 .4s ;-webkit-animation:mymove73 .4s ;left:14.5vh;top:27%;}
@keyframes mymove73{from {left:50%;top:40%;}to {left:14.5vh;top:27%}}
@-webkit-keyframes mymove73{from {left:50%;top:40%;}to {left:14.5vh;top:27%}}



/* 7号位置摊牌 */
.card731{left:10.5vh;top:27%;}
.card721{left:12.5vh;top:27%;}
.card711{left:14.5vh;top:27%;}

/* 8号位置暗牌 */
.card83{animation:mymove85 .4s ;-webkit-animation:mymove85 .4s ;left:10.5vh;top:43%;}
@keyframes mymove85{from {left:50%;top:40%;}to {left:10.5vh;top:43%}}
@-webkit-keyframes mymove85 {from {left:50%;top:40%;}to {left:10.5vh;top:43%}}

.card82{animation:mymove84 .4s ;-webkit-animation:mymove84 .4s ;left:12.5vh;top:43%;}
@keyframes mymove84{from {left:50%;top:40%;}to {left:12.5vh;top:43%}}
@-webkit-keyframes mymove84 {from {left:50%;top:40%;}to {left:12.5vh;top:43%}}  

.card81{animation:mymove83 .4s ;-webkit-animation:mymove83 .4s ;left:14.5vh;top:43%;}
@keyframes mymove83{from {left:50%;top:40%;}to {left:14.5vh;top:43%}}
@-webkit-keyframes mymove83{from {left:50%;top:40%;}to {left:14.5vh;top:43%}}



/* 8号位置摊牌 */
.card831{left:10.5vh;top:43%;}
.card821{left:12.5vh;top:43%;}
.card811{left:14.5vh;top:43%;}

/* 9号位置暗牌 */
.card93{animation:mymove95 .4s ;-webkit-animation:mymove95 .4s ;left:10.5vh;top:59%;}
@keyframes mymove95{from {left:50%;top:40%;}to {left:10.5vh;top:59%}}
@-webkit-keyframes mymove95 {from {left:50%;top:40%;}to {left:10.5vh;top:59%}}

.card92{animation:mymove94 .4s ;-webkit-animation:mymove94 .4s ;left:12.5vh;top:59%;}
@keyframes mymove94{from {left:50%;top:40%;}to {left:12.5vh;top:59%}}
@-webkit-keyframes mymove94 {from {left:50%;top:40%;}to {left:12.5vh;top:59%}}  

.card91{animation:mymove93 .4s ;-webkit-animation:mymove93 .4s ;left:14.5vh;top:59%;}
@keyframes mymove93{from {left:50%;top:40%;}to {left:14.5vh;top:59%}}
@-webkit-keyframes mymove93{from {left:50%;top:40%;}to {left:14.5vh;top:59%}}



/* 9号位置摊牌 */
.card931{left:10.5vh;top:59%;}
.card921{left:12.5vh;top:59%;}
.card911{left:14.5vh;top:59%;}


/********************************* 翻牌   ***********************************************/
.cardOver{position: absolute;height: 100%;top:0;}
.cardOver .cardResult{position: relative;height: 100%;}
.cardOver .name{color: #fff;font-size: 10px;text-align: center;line-height: 16px;position: absolute;top: 15%;width: 100%;left:0;}

.cardOver .openCard{position: absolute;width: 100%;top: 34%;left: 15%;}
.cardOver .cards{width: 4.6vh;height: 6.4vh;position: absolute;}
.cardOver .face{width: 4.6vh;height: 6.4vh;border-radius:3px;position: absolute;-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-transition:all .6s;transition: all .6s;}
.cardOver .front{background: url("../images/common/card.png");background-size:4.6vh 6.4vh;z-index: 92;}
.cardOver .back{background:url("../images/common/cards.jpg");-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg);z-index: 91;background-size:59.8vh 25.6vh;box-shadow:1px 1px 5px #333;}
/*牌面定位样式*/
.cardOver .card{background: url("../images/common/card.png");background-size:4.6vh 6.4vh;}
.cardOver .cardundefined{background: url("../images/common/card.png");background-size:4.6vh 6.4vh;}
.cardOver .card-1{background: url("../images/common/card.png");background-size:4.6vh 6.4vh;}
.cardOver .cardA14{background: url("../images/common/joker2.png");background-size:4.6vh 6.4vh;}
.cardOver .cardB14{background: url("../images/common/joker1.png");background-size:4.6vh 6.4vh;}

.cardOver .cardA1{background-position: 0 -19.2vh;}
.cardOver .cardA2{background-position: -4.6vh -19.2vh;}
.cardOver .cardA3{background-position: -9.2vh -19.2vh;}
.cardOver .cardA4{background-position: -13.8vh -19.2vh;}
.cardOver .cardA5{background-position: -18.4vh -19.2vh;}
.cardOver .cardA6{background-position: -23vh -19.2vh;}
.cardOver .cardA7{background-position: -27.6vh -19.2vh;}
.cardOver .cardA8{background-position: -32.2vh -19.2vh;}
.cardOver .cardA9{background-position: -36.8vh -19.2vh;}
.cardOver .cardA10{background-position: -41.4vh -19.2vh;}
.cardOver .cardA11{background-position: -46vh -19.2vh;}
.cardOver .cardA12{background-position: -50.6vh -19.2vh;}
.cardOver .cardA13{background-position: -55.2vh -19.2vh;}
.cardOver .cardB1{background-position: 0 -12.8vh;}
.cardOver .cardB2{background-position: -4.6vh -12.8vh;}
.cardOver .cardB3{background-position: -9.2vh -12.8vh;}
.cardOver .cardB4{background-position: -13.8vh -12.8vh;}
.cardOver .cardB5{background-position: -18.4vh -12.8vh;}
.cardOver .cardB6{background-position: -23vh -12.8vh;}
.cardOver .cardB7{background-position: -27.6vh -12.8vh;}
.cardOver .cardB8{background-position: -32.2vh -12.8vh;}
.cardOver .cardB9{background-position: -36.8vh -12.8vh;}
.cardOver .cardB10{background-position: -41.4vh -12.8vh;}
.cardOver .cardB11{background-position: -46vh -12.8vh;}
.cardOver .cardB12{background-position: -50.6vh -12.8vh;}
.cardOver .cardB13{background-position: -55.2vh -12.8vh;}
.cardOver .cardC1{background-position: 0 0;}
.cardOver .cardC2{background-position: -4.6vh 0;}
.cardOver .cardC3{background-position: -9.2vh  0;}
.cardOver .cardC4{background-position: -13.8vh 0;}
.cardOver .cardC5{background-position: -18.4vh 0;}
.cardOver .cardC6{background-position: -23vh 0;}
.cardOver .cardC7{background-position: -27.6vh 0;}
.cardOver .cardC8{background-position: -32.2vh 0;}
.cardOver .cardC9{background-position: -36.8vh 0;}
.cardOver .cardC10{background-position: -41.4vh 0;}
.cardOver .cardC11{background-position: -46vh 0;}
.cardOver .cardC12{background-position: -50.6vh 0;}
.cardOver .cardC13{background-position: -55.2vh 0;}
.cardOver .cardD1{background-position: 0 -6.4vh;}
.cardOver .cardD2{background-position: -4.6vh -6.4vh;}
.cardOver .cardD3{background-position: -9.2vh -6.4vh;}
.cardOver .cardD4{background-position: -13.8vh -6.4vh;}
.cardOver .cardD5{background-position: -18.4vh -6.4vh;}
.cardOver .cardD6{background-position: -23vh -6.4vh;}
.cardOver .cardD7{background-position: -27.6vh -6.4vh;}
.cardOver .cardD8{background-position: -32.2vh -6.4vh;}
.cardOver .cardD9{background-position: -36.8vh -6.4vh;}
.cardOver .cardD10{background-position: -41.4vh -6.4vh;}
.cardOver .cardD11{background-position: -46vh -6.4vh;}
.cardOver .cardD12{background-position: -50.6vh -6.4vh;}
.cardOver .cardD13{background-position: -55.2vh -6.4vh;}

.cardOver .card-flipped .front{z-index: 91;-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}
.cardOver .card-flipped .back{z-index: 92;-webkit-transform: rotateY(0deg);transform: rotateY(0deg);}

/*40 自己牌尺寸 57*/
.myCards {position: absolute;width: 100%;top: 79%;}
.myCards .winText{position: absolute;width: 100%;top:-50px;}
.myCards .winText img{width: 120%;margin-left: -10%;}
.myCards .cards{width: 6.8vh;height: 9.656vh;position: absolute; }
.myCards .face{width: 6.8vh;height: 9.656vh;border-radius:4px;position: absolute; transform-style: preserve-3d;-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-transition:all .6s; transition:all .6s;}
.myCards .front{background: url("../images/common/card.png");-webkit-transform: rotateY(0deg);transform: rotateY(0deg);background-size:6.8vh 9.656vh;z-index: 92;}
/*519 228*/
.myCards .back{background:url("../images/common/cards.jpg");-webkit-transform: rotateY(180deg);transform: rotateY(180deg);z-index: 91;background-size:88.4vh 38.624vh;box-shadow:1px 1px 5px #333;}

.myCards .card-flipped .front{z-index: 91;-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}
.myCards .card-flipped .back{z-index: 92;-webkit-transform: rotateY(0deg);transform: rotateY(0deg);}

/*牌面定位样式*/
.myCards .card{background: url("../images/common/card.png");background-size:6.8vh 9.656vh;}
.myCards .cardundefined{background: url("../images/common/card.png");background-size:6.8vh 9.656vh;}
.myCards .card-1{background: url("../images/common/card.png");background-size:6.8vh 9.656vh;}
.myCards .cardA14{background: url("../images/common/joker2.png");background-size:6.8vh 9.656vh;}
.myCards .cardB14{background: url("../images/common/joker1.png");background-size:6.8vh 9.656vh;}

.myCards .cardA1{background-position: 0 -28.968vh;}
.myCards .cardA2{background-position: -6.8vh -28.968vh;}
.myCards .cardA3{background-position: -13.6vh -28.968vh;}
.myCards .cardA4{background-position: -20.4vh -28.968vh;}
.myCards .cardA5{background-position: -27.2vh -28.968vh;}
.myCards .cardA6{background-position: -34vh -28.968vh;}
.myCards .cardA7{background-position: -40.8vh -28.968vh;}
.myCards .cardA8{background-position: -47.6vh -28.968vh;}
.myCards .cardA9{background-position: -54.4vh -28.968vh;}
.myCards .cardA10{background-position: -61.2vh -28.968vh;}
.myCards .cardA11{background-position: -68vh -28.968vh;}
.myCards .cardA12{background-position: -74.8vh -28.968vh;}
.myCards .cardA13{background-position: -81.6vh -28.968vh;}
.myCards .cardB1{background-position: 0 -19.312vh;}
.myCards .cardB2{background-position: -6.8vh -19.312vh;}
.myCards .cardB3{background-position: -13.6vh -19.312vh;}
.myCards .cardB4{background-position: -20.4vh -19.312vh;}
.myCards .cardB5{background-position: -27.2vh -19.312vh;}
.myCards .cardB6{background-position: -34vh -19.312vh;}
.myCards .cardB7{background-position: -40.8vh -19.312vh;}
.myCards .cardB8{background-position: -47.6vh -19.312vh;}
.myCards .cardB9{background-position: -54.4vh -19.312vh;}
.myCards .cardB10{background-position: -61.2vh -19.312vh;}
.myCards .cardB11{background-position: -68vh -19.312vh;}
.myCards .cardB12{background-position: -74.8vh -19.312vh;}
.myCards .cardB13{background-position: -81.6vh -19.312vh;}
.myCards .cardC1{background-position: 0 0;}
.myCards .cardC2{background-position: -6.8vh 0;}
.myCards .cardC3{background-position: -13.6vh 0;}
.myCards .cardC4{background-position: -20.4vh 0;}
.myCards .cardC5{background-position: -27.2vh 0;}
.myCards .cardC6{background-position: -34vh 0;}
.myCards .cardC7{background-position: -40.8vh 0;}
.myCards .cardC8{background-position: -47.6vh 0;}
.myCards .cardC9{background-position: -54.4vh 0;}
.myCards .cardC10{background-position: -61.2vh 0;}
.myCards .cardC11{background-position: -68vh 0;}
.myCards .cardC12{background-position: -74.8vh 0;}
.myCards .cardC13{background-position: -81.6vh 0;}
.myCards .cardD1{background-position: 0 -9.656vh;}
.myCards .cardD2{background-position: -6.8vh -9.656vh;}
.myCards .cardD3{background-position: -13.6vh -9.656vh;}
.myCards .cardD4{background-position: -20.4vh -9.656vh;}
.myCards .cardD5{background-position: -27.2vh -9.656vh;}
.myCards .cardD6{background-position: -34vh -9.656vh;}
.myCards .cardD7{background-position: -40.8vh -9.656vh;}
.myCards .cardD8{background-position: -47.6vh -9.656vh;}
.myCards .cardD9{background-position: -54.4vh -9.656vh;}
.myCards .cardD10{background-position: -61.2vh -9.656vh;}
.myCards .cardD11{background-position: -68vh -9.656vh;}
.myCards .cardD12{background-position: -74.8vh -9.656vh;}
.myCards .cardD13{background-position: -81.6vh -9.656vh;}

/*自己牌，发完之后*/
.myCards .card0{top: 0;left: 35%;margin-left: -3.4vh;}
.myCards .card1{top: 0;left: 50%;margin-left: -3.4vh;}
.myCards .card2{top: 0;left: 65%;margin-left: -3.4vh;}


/*自己牌，摊牌之后*/
.myCards .card00{top: 0;left: 35%;margin-left: -3.4vh;}
.myCards .card01{top: 0;left: 50%;margin-left: -3.4vh;}
.myCards .card02{top: 0;left: 65%;margin-left: -3.4vh;}


.cardOver1{display: none;}
.cardOver2{right: 0;}
.cardOver3{right: 0;}
.cardOver4{left: -14px;}
.cardOver5{left:0;}
.cardOver6{left:0;}


.ranking{position: absolute;width: 200%;height:200%;top:0;left:0;z-index: 110;display: none;}  
.ranking .roundEndShow{display: none;}  
.ranking .rankBack{width: 100%;height:100%;background: #000;opacity:1.0}
.ranking .rankBack .bg{position: absolute;width: 100%;height:100%;background: #000;opacity:1.0}  
.ranking .rankText{width: 100%;position: absolute;top:10%;left: 0;}   
.ranking .rankText .title{width: 100%;} 
.ranking .rankText .time{text-align: center;margin-top: 24px;margin-bottom: 20px;}
.ranking .rankText .time a{border-radius: 5vw;border: 2px solid #f7d92b;color:#f7d92b;padding: 1vw 4vw;width: 400px;font-size: 6vw;}
.ranking .rankText .scoresItem{width:129vw;margin:0 auto; margin-top: 6px;height:18vw;line-height:18vw;font-size:8vw;position: relative;background-color: #064942; }
.ranking .rankText .scoresItemWhite{color:#fff; }
.ranking .rankText .scoresItemWhite a{color:#fff; }
.ranking .rankText .scoresItemYellow{color:#f7d92b;}
.ranking .rankText .scoresItemYellow a{color:#f7d92b;}
.ranking .rankText .scoresItem .name{left: 16%;width: 50%;height: 18vw;overflow: hidden;word-break:break-all;position: absolute;top:0;}
.ranking .rankText .scoresItem .currentScores{width:25%;text-align: left;position: absolute;right: 0;top:0;}
.ranking  .button{width:100%;position: absolute;bottom:8%; }
.ranking  .button img{width:33%;}

/* 玩家消息 */
/*.message{position: fixed;width: 100%;height:100%;top:0;left:0;z-index: 110;}
.message .messageBack{width: 100%;height:100%;}
.message .textPart{width: 100%;position: absolute;left: 0;bottom:0;height:0; }
.message .textPart .head{width: 100%;}
.message .textPart .head img{width: 100%;height: 30px;}
.message .textPart .textItem{width: 80%;height: 40px;line-height: 40px;font-size: 14px;background: #150e2d;border-bottom:1px solid #322b4c;color:#bbb;padding:0 10%; }*/

.message .messageBack{width: 100%;height:100%;position: absolute;top:0;left:0;z-index:111;} 
.message .textPartOuter{position: absolute;width: 34vh;height:40vh;bottom:7vh;right:2vh;z-index:111;padding: 1vh 1vh 1vh 1vh;border: 0.2vh solid #a684f2;background: #634fa6;border-radius: 1vh;}
.message .textPart{position: absolute;width: 34vh;height:40vh;bottom:8.5vh;right:3.2vh;overflow: hidden;z-index: 111} 
.message .textPart .outline{position: absolute;background: #634fa6;opacity: 1;width: 98%;height:100%;border:0.2vh solid #a684f2;border-radius:10px;top:-0.5vh;left: .5%;}
.message .textPart .textList {border:1px solid #a684f2;position: relative;}
.message .textPart .textList .textItem{width: 90%;height: 4vh;line-height: 4vh;font-size: 2.1vh;background: #150e2d;border-bottom:1px solid #666;color:#fff;padding:0 5%;position: relative;font-family: simHei;}

.createRoom{position: fixed;width: 100%;height:100%;top:0;left:0;z-index: 109;} 
.createRoom .createRoomBack{width: 100%;height:100%;background: #000;opacity:0.6;}  
.createRoom .mainPart{width: 45vh;height:65vh;top:44%;left:50%;margin-top:-30vh;margin-left: -22.5vh;position: absolute;} 
.createRoom .mainPart .createB{width: 100%;height:100%;top:0%;left:0%;position: absolute;background:#634fa6;border:1px solid #a684f2;border-radius:10px; }  
.createRoom .mainPart .createTitle{position:relative;height:5vh;text-align: center;} 
.createRoom .mainPart .createTitle img{position:relative;height:2.6vh;margin-top: 1.2vh;}  
.createRoom .mainPart .cancelCreate{width: 5vh;height:5vh;top:-2.5vh;right:-2.5vh;position: absolute;}  
.createRoom .mainPart .createCommit{position: absolute;line-height: 5.5vh;height: 5.5vh;font-size: 2.5vh;width: 17vh;left:50%;margin-left:-8.5vh;bottom:-7vh;text-align: center;background:url("../images/common/button2.png");background-size:100%;color: #fff;}  
.createRoom .mainPart .blueBack{width: 42vh;height: 46vh;background:#111431;border:1px solid #a684f2;border-radius:4px;margin:0 auto;position: relative; }
.createRoom .mainPart .blueBack .selectPart{width:100%;margin-top:4px;line-height:36px;font-size:2vh;position: relative;color:#111431;background:#bbbff1;border-radius:0px;font-family:simHei; }
.createRoom .mainPart .blueBack .selectPart .selectTitle{float: left;width:8vh;text-align: right; }
.createRoom .mainPart .blueBack .selectPart .selectList{float: left; width: 34vh}
.createRoom .mainPart .blueBack .selectPart .selectList .selectItem{float: left;position:relative;margin-left:25px; }
.createRoom .mainPart .blueBack .selectPart .selectList .selectItem .selectBox{float: left;height:2vh;width:2vh;border:1px solid #1d1045;border-radius:2px;background:#78899d;margin-top:0.7vh;position: relative; }
.createRoom .mainPart .blueBack .selectPart .selectList .selectItem img{position: absolute;width: 2vh;height:2vh;left: 0;top:0.7vh;}
.createRoom .mainPart .blueBack .selectPart .selectList .selectItem .selectText{float: left;margin-left: 0.8vh;}

.bankerSelected{position: absolute;width: 8.1vh;height: 5.5vh;border-style: solid;border-width: 0px;border-color: #392c62;color: #653604;text-align: center;font-size: 1.7vh;overflow: hidden;}
.bankerSelected .img{position: absolute;top: 0;left: 0;width:  8.1vh;height: 5.5vh;border-style: solid;border-width: 0.5px;border-color: #392c62;}
.bankerUnSelected{position: absolute;width:  8.1vh;height: 5.5vh;border-style: solid;border-width: 0px;border-color: #e8c007;color: #9a6b3a;text-align: center;font-size: 1.7vh;overflow: hidden;}
.bankerUnSelected .img{position: absolute;top: 0;left: 0;width:  8.1vh;height: 5.5vh;border-style: solid;border-width: 0.5px;border-color: #e8c007;}


.audioRoom{position: fixed;width: 100%;height:100%;top:0;left:0;z-index: 109;} 
.audioRoom .audioRoomBack{width: 100%;height:100%;background: #000;opacity:0.6;}  
.audioRoom .mainPart{width: 38vh;height:27vh;top:44%;left:50%;margin-top:-16vh;margin-left: -19vh;position: absolute;} 
.audioRoom .mainPart .createB{width: 100%;height:100%;top:0%;left:0%;position: absolute;background:#634fa6;border:1px solid #a684f2;border-radius:10px; }  
.audioRoom .mainPart .createTitle{position:relative;height:5vh;text-align: center;} 
.audioRoom .mainPart .createTitle img{position:relative;height:2.6vh;margin-top: 1.2vh;}  
.audioRoom .mainPart .cancelCreate{width: 5vh;height:5vh;top:-2.5vh;right:-2.5vh;position: absolute;}  
.audioRoom .mainPart .createCommit{position: absolute;line-height: 5.5vh;height: 5.5vh;font-size: 2.5vh;width: 17vh;left:50%;margin-left:-8.5vh;bottom:-7vh;text-align: center;background:url("../images/common/button2.png");background-size:100%;color: #fff;}  
.audioRoom .mainPart .blueBack{width: 35vh;height: 14vh;background:#111431;border:1px solid #a684f2;border-radius:4px;margin:0 auto;position: relative; }
.audioRoom .mainPart .blueBack .selectPart{width:100%;margin-top:4px;line-height:36px;font-size:2.2vh;position: relative;color:#111431;background:#bbbff1;border-radius:0px;font-family:simHei; }
.audioRoom .mainPart .blueBack .selectPart .selectTitle{float: left;width:13vh;text-align: right; }
.audioRoom .mainPart .blueBack .selectPart .selectList{float: right; width: 20vh}
.audioRoom .mainPart .blueBack .selectPart .selectList .selectItem{float: left;position:relative;margin-left:25px; }
.audioRoom .mainPart .blueBack .selectPart .selectList .selectItem .selectBox{float: left;height:2.2vh;width:2.2vh;border:1px solid #1d1045;border-radius:2px;background:#78899d;margin-top:0.7vh;position: relative; }
.audioRoom .mainPart .blueBack .selectPart .selectList .selectItem img{position: absolute;width: 2.8vh;height:2.8vh;left: 0;top:0;}
.audioRoom .mainPart .blueBack .selectPart .selectList .selectItem .selectText{float: left;margin-left: 0.8vh;}


.ruleRoom{position: fixed;width: 100%;height:100%;top:0;left:0;z-index: 109;} 
.ruleRoom .ruleRoomBack{width: 100%;height:100%;background: #000;opacity:0.6;}  
.ruleRoom .ruleRoomMainPart{width: 50vh;height:64vh;top:44%;left:50%;margin-top:-27vh;margin-left: -25vh;position: absolute;} 
.ruleRoom .ruleRoomMainPart .ruleB{width: 100%;height:100%;top:0%;left:0%;position: absolute;background:#634fa6;border:1px solid #a684f2;border-radius:10px; }  
.ruleRoom .ruleRoomMainPart .ruleTitle{position:absolute;width: 100%;height:5vh;text-align: center;} 
.ruleRoom .ruleRoomMainPart .ruleTitle img{position:absolute;width: 9vh;height:2.6vh;left: 50%;margin-top: 1.2vh;margin-left: -4.5vh;}  
.ruleRoom .ruleRoomMainPart .cancelRule{width: 5vh;height:5vh;top:-2.5vh;right:-2.5vh;position: absolute;}  
.ruleRoom .ruleRoomMainPart .frameBack{top: 5vh;left: 1.5vh;width: 47vh;height: 56vh;background:#3b2f63;border:1px solid #a684f2;border-radius:4px;margin:0 auto;position: absolute;overflow: auto}
.ruleRoom .ruleRoomMainPart .frameBack .ruleItem{position: relative;margin-top: 2.1vh;left: 5%;width: 90%;color: #efd0a4;font-size: 2.1vh;text-align: left;line-height: 3vh;}
.ruleRoom .ruleRoomMainPart .frameBack .ruleItem a{color: #efd0a4;font-size: 2.1vh;line-height: 3vh;font-weight: bold;}